import styled from 'styled-components'
export const LeftListWrapper = styled.div`
  width:240px;
  margin-top:50px;
   .title{
    font-size:14px;
    padding:0 10px 12px 15px;
  }
`
export const ItemWrapper = styled.div`
    display:flex;
    height:62px;
    padding:10px 0;
    cursor:pointer;
    background-color:${props => props.isActive ? '#e6e6e6' : '#fff'};
    &:hover{
      background-color:#eee;
    }
    .left{
      margin-left:20px;
    }
    .right{
      margin-left:10px;
      .update{
        color:#999;
        margin-top:5px;
      }
    }
`